<template>
	<view>
		<view class="head">
			<view class="arrow" @click="return_btn">
			</view>
			<text style="color: white; font-size: 48rpx;">核销记录</text>
			<view>
				<u--input customStyle="background-color: white; width: 80vw;position: absolute;left: 8% ;top:130rpx; "
					placeholder="输入要搜索的内容" shape="circle" clearable></u--input>
				<view style="position: absolute; top: 143rpx; left: 610rpx;">
					<image src="/static/images/ys/hexiaojilu/search.png" style="width: 50rpx;height: 50rpx"></image>
				</view>
			</view>
			<view style="height: 140rpx;"></view>
			<uni-card  v-for="(item,index) in CheStatement" style=" text-align: left;">
				<text style="font-size: 34rpx;font-weight: bold;font-color: balck;">{{item.cheService.name}}</text>
				<view style="border: 1rpx solid #F7F7F7;margin: 20rpx 0;"></view>
				<view style="font-size: 30rpx; font-weight: bold; margin-bottom: 20rpx;">下单用户：{{item.cheUser.realName}}</view>
				<view style="font-size: 30rpx; font-weight: bold; margin-bottom: 20rpx;">实付金额：￥{{item.realPrice}}</view>
				<view style="color: grey;margin-bottom: 20rpx"> 核销时间：{{item.verificationTime}}</view>
			</uni-card>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
        CheStatement:[],
			}
		},
    onLoad() {
      this.getData();
      // console.log(this.CheStatement);
    },
		methods: {
			return_btn() {
				uni.$u.route('/pages/lzx/business/homePage');
			},
      getData() {
        const that = this;
        this.$http({
          url: `/api/management/management/list`,
          method: 'GET',
          success(res) {
            that.CheStatement = res.data.rows;
            // console.log(res.data.rows);
            // console.log(that.CheStatement);
          }
        })
      }
		}
	}
</script>

<style>
	.arrow {
		height: 28rpx;
		width: 28rpx;
		border-top: 4rpx solid white;
		border-right: 4rpx solid white;
		transform: rotate(225deg);
		position: fixed;
		left: 3vw;
		top: 4vh;
	}

	.head {
		position: relative;
		padding-top: 4vh;
		text-align: center;
		height: 35vh;
		width: 100%;
		background-color: #2F81FA;
	}
</style>